<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>添加菜谱</title>
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="">
    <meta name="description" content="" />
    <link rel="shortcut icon" href="https://static.meishichina.com/v6/img/lib/f.ico" />
    <link rel="apple-touch-icon" href="https://static.meishichina.com/v6/img/lib/wapico.png" />
    <link rel="stylesheet" type="text/css" href="https://static.meishichina.com/v6/css/lib/all.css?v1=13">
    <link rel="stylesheet" type="text/css" href="https://static.meishichina.com/v6/css/app/center/all.css?v1=2017-08-17">
    <link rel="stylesheet" href="https://static.meishichina.com/v6/css/app/center/center_recipe3.css?v1=20200430">
    <style>
        .picsize {
            background: rgba(0, 0, 0, .7);
            right: 3px;
            padding: 7px;
            position: absolute;
            bottom: 3px;
            z-index: 111;
            border-radius: 15px;
            line-height: 60%;
            color: #fff;
            z-index: 111
        }

        .picsizes {
            background: rgba(255, 66, 66, .7)
        }

        .picw {
            background: rgba(0, 0, 0, .7);
            color: #fff;
            cursor: default;
            font-size: 12px;
            line-height: 60%;
            padding: 7px;
            position: absolute;
            right: 3px;
            bottom: 3px;
            text-decoration: none;
            border-radius: 15px
        }

        .picws {
            background: rgba(255, 66, 66, .7)
        }

        .picw:hover {
            color: #fff;
            text-decoration: none
        }

        .showpic {
            padding: 5px;
            background: rgba(0, 0, 0, .7);
            color: #fff;
            font-size: 12px;
            line-height: 60%;
            padding: 7px;
            position: absolute;
            left: 3px;
            bottom: 3px;
            border-radius: 15px;
        }

        .showpic:hover {
            color: #fff
        }

        .makedifficulty {
            display: inline-block;
            margin-right: 20px
        }

        .needtime {
            display: inline-block
        }

        .need_time span,
        .difficulty span {
            width: 40px;
            text-align: center
        }
        .btn1{
            float: right;
        }
    </style>
</head>

<body>

<div class="w_main clear">
    <!-- 右侧 -->
    <div class="mod_right">
        <div class="mr_edit mr_edit_center clear">
            <ul>
                <li>
                    <label class="must">菜谱名称</label><br>
                    <input name="subject" class="inputL" type="text" >
                </li>

                <li>
                    <label class="must">成品图片（最多9张）</label><br>

                    <div class="J_upload">上传成品图
                        <input multiple class="J_img" id="J_m_cover" type="file" accept="image/png,image/gif,image/jpeg" name="file" onchange="fileChange(this)";>
                    </div>
                    <span class="img_status" id="multi_cover_status"> </span>

                    <div id="cover" class="clear">

                    </div>
                </li>

                <li>
                    <textarea class="autosize" name="message" maxlength="500" placeholder="请输入菜谱描述，最多输入500字"></textArea>
                </li>

                <li class="makedifficulty">
                    <label class="must">制作难度</label><br>
                    <input type="hidden" id="difficulty" name="level" value="0">
                    <div class="things_type1 clear difficulty">
                        <span data-value="简单">简单</span>
                        <span data-value="初级">初级</span>
                        <span data-value="中级">中级</span>
                        <span data-value="高级">高级</span>
                    </div>
                </li>
                <li class="needtime">
                    <label class="must">需要时间</label><br>
                    <input type="hidden" id="needtime" name="during" value="0">
                    <div class="things_type1 clear need_time">
                        <span data-value="十分钟">十分钟</span>
                        <span data-value="廿分钟">廿分钟</span>
                        <span data-value="半小时">半小时</span>
                        <span data-value="三刻钟">三刻钟</span>
                        <span data-value="一小时">一小时</span>
                        <span data-value="数小时">数小时</span>
                        <span data-value="一天">一天</span>
                        <span data-value="数天">数天</span>
                    </div>
                </li>


                <li class="options clear">
                    <label class="">口味，工艺与使用厨具</label><br>

                    <div class="options_box clear">
                        <div>
                            <input type="hidden" name="cuisine" value="0">
                            <a href="javascript:void(0);"><i></i></a>
                            <span title=""></span> 口味（必选）
                        </div>

                        <div>
                            <input type="hidden" name="technics" value="">
                            <a href="javascript:void(0);"><i></i></a>
                            <span title=""></span> 烹饪工艺
                        </div>



                        <div>
                            <input type="hidden" name="cookers" value="">
                            <a href="javascript:void(0);"><i></i></a>
                            <span title=""></span> 使用厨具
                        </div>
                    </div>

                    <div class="options_item clear">

                        <div>
                            <span data-value="微辣">微辣</span>
                            <span data-value="中辣">中辣</span>
                            <span data-value="超辣">超辣</span>
                            <span data-value="麻辣">麻辣</span>
                            <span data-value="酸辣">酸辣</span>
                            <span data-value="酸甜">酸甜</span>
                            <span data-value="酸咸">酸咸</span>
                            <span data-value="咸鲜">咸鲜</span>
                            <span data-value="咸甜">咸甜</span>
                            <span data-value="甜味">甜味</span>
                            <span data-value="苦味">苦味</span>
                            <span data-value="原味">原味</span>
                            <span data-value="清淡">清淡</span>
                            <span data-value="五香">五香</span>
                            <span data-value="鱼香">鱼香</span>
                            <span data-value="葱香">葱香</span>
                            <span data-value="蒜香">蒜香</span>
                            <span data-value="奶香">奶香</span>
                            <span data-value="酱香">酱香</span>
                            <span data-value="糟香">糟香</span>
                            <span data-value="咖喱">咖喱</span>
                            <span data-value="孜然">孜然</span>
                            <span data-value="果味">果味</span>
                            <span data-value="香草">香草</span>
                            <span data-value="怪味">怪味</span>
                            <span data-value="咸香">咸香</span>
                            <span data-value="甜香">甜香</span>
                            <span data-value="麻香">麻香</span>
                            <span data-value="甜辣">甜辣</span>
                            <span data-value="香辣">香辣</span>
                            <span data-value="其他">其他</span>
                        </div>

                        <div>
                            <span data-value="烧">烧</span>
                            <span data-value="炒">炒</span>
                            <span data-value="爆">爆</span>
                            <span data-value="焖">焖</span>
                            <span data-value="炖">炖</span>
                            <span data-value="蒸">蒸</span>
                            <span data-value="煮">煮</span>
                            <span data-value="拌">拌</span>
                            <span data-value="烤">烤</span>
                            <span data-value="炸">炸</span>
                            <span data-value="烩">烩</span>
                            <span data-value="溜">溜</span>
                            <span data-value="氽">氽</span>
                            <span data-value="腌">腌</span>
                            <span data-value="卤">卤</span>
                            <span data-value="炝">炝</span>
                            <span data-value="煎">煎</span>
                            <span data-value="酥">酥</span>
                            <span data-value="扒">扒</span>
                            <span data-value="熏">熏</span>
                            <span data-value="煨">煨</span>
                            <span data-value="酱">酱</span>
                            <span data-value="烘焙">烘焙</span>
                            <span data-value="火锅">火锅</span>
                            <span data-value="砂锅">砂锅</span>
                            <span data-value="拔丝">拔丝</span>
                            <span data-value="生鲜">生鲜</span>
                            <span data-value="调味">调味</span>
                            <span data-value="技巧">技巧</span>
                            <span data-value="煲">煲</span>
                            <span data-value="烙">烙</span>
                            <span data-value="榨汁">榨汁</span>
                            <span data-value="冷冻">冷冻</span>
                            <span data-value="焗">焗</span>
                            <span data-value="焯">焯</span>
                            <span data-value="干煸">干煸</span>
                            <span data-value="干锅">干锅</span>
                            <span data-value="铁板">铁板</span>
                            <span data-value="微波">微波</span>
                            <span data-value="其他">其他</span>
                        </div>


                        <div>
                            <span data-value="炒锅">炒锅</span>
                            <span data-value="煮锅">煮锅</span>
                            <span data-value="平底锅">平底锅</span>
                            <span data-value="蒸锅">蒸锅</span>
                            <span data-value="不粘锅">不粘锅</span>
                            <span data-value="烤箱">烤箱</span>
                            <span data-value="料理机">料理机</span>
                            <span data-value="砂锅">砂锅</span>
                            <span data-value="汤锅">汤锅</span>
                            <span data-value="高压">高压锅</span>
                            <span data-value="电压力锅">电压力锅</span>
                            <span data-value="电饭煲">电饭煲</span>
                            <span data-value="焖烧锅">焖烧锅</span>
                            <span data-value="微波炉">微波炉</span>
                            <span data-value="豆浆机">豆浆机</span>
                            <span data-value="电磁炉">电磁炉</span>
                            <span data-value="烤炉">烤炉</span>
                            <span data-value="炖盅">炖盅</span>
                            <span data-value="瓦煲">瓦煲</span>
                            <span data-value="电子瓦煲">电子瓦煲</span>
                            <span data-value="面包机">面包机</span>
                            <span data-value="吐司机">吐司机</span>
                            <span data-value="酸奶机">酸奶机</span>
                            <span data-value="咖啡机">咖啡机</span>
                            <span data-value="打蛋器">打蛋器</span>
                            <span data-value="调酒器">调酒器</span>
                            <span data-value="果冻模">果冻模</span>
                            <span data-value="奶泡机">奶泡机</span>
                            <span data-value="模具锅">模具锅</span>
                            <span data-value="电饼铛">电饼铛</span>
                            <span data-value="空气炸锅">空气炸锅</span>
                            <span data-value="榨汁机">榨汁机</span>
                            <span data-value="厨师机">厨师机</span>
                            <span data-value="破壁机">破壁机</span>
                            <span data-value="养生壶">养生壶</span>
                            <span data-value="烧烤架">烧烤架/炉</span>
                            <span data-value="光波炉">光波炉</span>
                            <span data-value="铁板">铁板</span>
                            <span data-value="干锅">干锅</span>
                            <span data-value="电炖锅">电炖锅</span>
                            <span data-value="塔吉锅">塔吉锅</span>
                            <span data-value="焖烧壶">焖烧壶</span>
                            <span data-value="其他">其他</span>
                        </div>


                    </div>
                </li>

                <li class="ingredient clear">
                    <label class="must">食材明细</label>

                    <blockquote>
                        <p><span>主料</span>
                            <a href="javascript:void(0);" title="修改食材组名" class="edit"></a>
                        </p>
                        <div class="J_addDiv">
                            <input type="text" class="liao" placeholder="食材名" autocomplete="off">
                            <input type="text" class="yongliang" placeholder="用量" autocomplete="off">
                        </div>
                    </blockquote>
                    <blockquote>
                        <p><span>辅料</span>
                            <a href="javascript:void(0);" title="修改食材组名" class="edit"></a>
                        </p>
                        <div class="J_addDiv">
                            <input type="text" class="liao" placeholder="食材名" autocomplete="off">
                            <input type="text" class="yongliang" placeholder="用量" autocomplete="off">
                        </div>
                    </blockquote>

                </li>

                <li class="step">
                    <label class="must">做法步骤（至少完成三步）</label><br>
                    <span class="img_status" id="multi_step_status"></span>

                    <div id="dragsort">
                        <blockquote class="cp_block J_blockQ clear">
                            <div class="left addicon J_fileImag">
                                <input type="hidden" value="" name="step_img" class="J_imghidden" />
                                <input type="file" name="file" class="file" accept="image/png,image/gif,image/jpeg" value="" />
                                <p class="p1">点击上传步骤图</p>
                                <p class="p3">（可不填）</p>
                            </div>
                            <div class="right">
                                <textArea class="textArea J_input" name="note" placeholder="请输入步骤说明" maxlength="200"></textArea>
                                <span class="J_step_num">1、</span> <a href="javascript:void(0);" class="add J_addTextarea">&nbsp;添加一步&nbsp;</a> <a href="javascript:void(0);" class="up J_upTextarea">&nbsp;上移一步&nbsp;</a> <a href="javascript:void(0);"
                                                                                                                                                                                                                              class="down J_downTextarea">&nbsp;下移一步&nbsp;</a> <a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a> </div>
                        </blockquote>
                        <blockquote class="cp_block J_blockQ clear">
                            <div class="left addicon J_fileImag">
                                <input type="hidden" value="" name="step_img" class="J_imghidden" />
                                <input type="file" name="file" class="file" accept="image/png,image/gif,image/jpeg" value="" />
                                <p class="p1">点击上传步骤图</p>
                                <p class="p3">（可不填）</p>
                            </div>
                            <div class="right">
                                <textArea class="textArea J_input" name="note" placeholder="请输入步骤说明" maxlength="200"></textArea>
                                <span class="J_step_num">2、</span> <a href="javascript:void(0);" class="add J_addTextarea">&nbsp;添加一步&nbsp;</a> <a href="javascript:void(0);" class="up J_upTextarea">&nbsp;上移一步&nbsp;</a> <a href="javascript:void(0);"
                                                                                                                                                                                                                              class="down J_downTextarea">&nbsp;下移一步&nbsp;</a> <a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a> </div>
                        </blockquote>
                        <blockquote class="cp_block J_blockQ clear">
                            <div class="left addicon J_fileImag">
                                <input type="hidden" value="" name="step_img" class="J_imghidden" />
                                <input type="file" name="file" class="file" accept="image/png,image/gif,image/jpeg" value="" />
                                <p class="p1">点击上传步骤图</p>
                                <p class="p3">（可不填）</p>
                            </div>
                            <div class="right">
                                <textArea class="textArea J_input" name="note" placeholder="请输入步骤说明" maxlength="200"></textArea>
                                <span class="J_step_num">3、</span> <a href="javascript:void(0);" class="add J_addTextarea">&nbsp;添加一步&nbsp;</a> <a href="javascript:void(0);" class="up J_upTextarea">&nbsp;上移一步&nbsp;</a> <a href="javascript:void(0);"
                                                                                                                                                                                                                              class="down J_downTextarea">&nbsp;下移一步&nbsp;</a> <a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a> </div>
                        </blockquote>
                    </div>

                </li>

                <li>
                    <label>小窍门</label><br>
                    <textarea name="tips" class="autosize" id="tips" maxlength="500" placeholder="最多输入500字"></textarea>
                </li>
            </ul>
            <input class="btn1" id="savebtn" type="button" value="添加">
            <input class="btn1" id="tuichu" type="button" value="退出">
            <div id="save_tip"></div>
        </div>

    </div>
    <!-- 右侧结束 -->
</div>


<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/all.js?v1=20180922"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/jquery.dragsort.js"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/autosize.js"></script>
<script src="/js/jquery.json.js"></script>
<script>
    function fileChange(target) {
        var name=target.value;
        var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();
        if(fileName =="html" || fileName =="htm" || fileName =="js" ){
            msc.ui.dialog.error("本文件不允许上传");
            $("#multi_cover_status").css("display","none");
            $("#multi_step_status").css("display","none");
            target.value="";
            return
        }else{
            $("#multi_cover_status").css("display","inline-block");
            $("#multi_step_status").css("display","inline-block")
        }
    }
</script>
<script type="text/javascript" src="/js/center_recipe1.js"></script>
<script>

    $(".things_type1 span").click(function() {
        $(this).addClass('on').siblings().removeClass('on');
        $(this).closest('li').find('input').val($(this).attr("data-value"));
    });
</script>
<script>
    $("li.top_bar_more").hoverDelay(function() {
        $("li.top_bar_more div").show()
    }, function() {
        $("li.top_bar_more div").hide()
    }, 200, 200);
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?fb9cd9dcdda23cee0c7357db9be24acb";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s)
    })();
</script>
</body>

</html>